﻿body {
    background-image:url('../Pics/bg.png');
    width: 960px; margin: 0 auto;
}

div.center {
    position:relative;
    top:120px;
    height:90px;
}
.underBottom{
    margin-bottom:1px;
    padding:7px;
    padding-right:12px;
}

.buttoncenter {
  padding: 0 10px;
  width: 300px;
  height: 40px;

  /*
    position:relative;
    left:230px;*/
}

.login {
  position: relative;
  margin: 80px auto;
  width: 400px;
  padding-right: 32px;
  font-weight: 300;
  color: #a8a7a8;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
}
/*
div.login {
    background-image: url('../Pics/Loginbox.png');
    background-color: #6495ED;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
    height:300px;
    width:400px;
    
}
 */

div.bothlabels {
    position:relative;
    top:100px;
    height:100px;
}

div.namelabel {
    width: 300px;
    height:35px;
    position:absolute;
    right:150px;
    top:10px;
}

div.passwordlabel {
    width: 300px;
    height:35px;
    position:absolute;
    right:150px;
    top:55px;
}

.textbox {
  padding: 0 10px;
  width: 300px;
  height: 40px;
  text-align:center;
  font-family:sans-serif;
  color:lightsteelblue;
  /*Makes the TextBox with Round corners*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.text {
    margin-left:auto;
    margin-right:auto;
    font-family:sans-serif;
    padding: 0 10px;
    color:deepskyblue;
    font-size:20px;
    font:bold;
}